<template>
  <div>
    <!-- 我是第{{ messageId }}个组件
    <ul>
      <li>我的名字是{{ messageUname }}</li>
      <li>我的姓是{{ messageFamliyName }}</li>
      <li>我的年龄是{{ messageAge }}</li>
      <li>我的职业是{{ messageProfess }}</li>
    </ul> -->
    我是第{{messageId}}个组件
    <ul>
      <!-- 第1步添加点击事件 -->
      <li>我的名字是{{ messageUname}}</li>
      <li>我的姓是{{ messageFamliyName}}</li>
      <li>我的年龄是{{ messageAge }}</li>
      <li>我的职业是{{ messageProfess }}</li>
      <li><button @click="bargain">过了一年</button ></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'SonComponent',

  props: [
    'messageUname',
    'messageFamliyName',
    'messageAge',
    'messageProfess',
    'messageId'
  ],

  // props: ['message'],

  data() {
    return {}
  },

  methods: {
    bargain() { 
      // messageId指向'messageId'
      // this.$emit(你要在父组件触发的事件的名称,要带过去的参数1，要带过去的参数2...)固定写法
this.$emit('sayPrice',this.messageId,1)
    }
  },
}
</script>

<style scoped>
/* .son-component-body {
  width: 300px;
  height: 200px;
  border: 3px solid #333;
} */
</style>
